<?php

use yii\helpers\Html;
use frontend\assets\AppAsset;

//AppAsset::register($this);
?>
<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>">
<head>
    <meta charset="<?= Yii::$app->charset ?>">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?= Html::csrfMetaTags() ?>
    <title><?= Html::encode($this->title) ?></title>
    <?php $this->head() ?>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="/assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="/assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="/assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="/assets/css/amazeui.datatables.min.css" />
    <link rel="stylesheet" href="/assets/css/app.css">
    <link rel="stylesheet" href="/assets/css/golden.css">

    <script src="/assets/js/jquery.min.js"></script>

    <style>
        * { margin:0; padding:0; }

        html, body, .contain { height:100%; }
        .contain {
            height:auto;
            min-height:100%;
            _height:100%;

        }
        .contain { padding-bottom:80px; }
        footer {
            position:relative;
            height:80px;
            line-height: 80px;
            margin-top:-80px;
            padding: 0;
        }
        a:hover{
            text-decoration: none;
            cursor: pointer;
        }
    </style>
</head>

<?php $this->beginBody() ?>


<body data-type="login">
<script src="/assets/js/theme.js"></script>
<div class="contain">
<header>
    <!-- logo -->
    <div class="am-fl tpl-header-logo">
        <a href="<?=\yii\helpers\Url::to(['site/choose-company'])?>"><img src="/assets/img/logo.png" alt=""></a>
    </div>
    <!-- 右侧内容 -->
    <div class="tpl-header-fluid">
        <!-- 侧边切换 -->

        <!-- 搜索 -->
        <div class="am-fl tpl-header-search">

        </div>
        <!-- 其它功能-->
        <div class="am-fr tpl-header-navbar">
            <ul>
                <!-- 欢迎语 -->


                <!-- 新邮件 -->
                <li class="am-dropdown tpl-dropdown" data-am-dropdown>
                    <a href="javascript:;" class="am-dropdown-toggle tpl-dropdown-toggle" style="text-decoration: none" data-am-dropdown-toggle>
                        <?php if( Yii::$app->language =="zh-CN"){
                            echo "<img src=\"/assets/img/cn.png\" style=\"width: 24px\">中文";
                        }else{
                            echo " <img src=\"/assets/img/en.png\" style=\"width: 24px\">English";
                        }?>
                    </a>
                    <!-- 弹出列表 -->
                    <ul class="am-dropdown-content tpl-dropdown-content" style="width: auto">
                        <li class="tpl-dropdown-menu-messages">
                            <a href="javascript:;" language="zh-CN" class="tpl-dropdown-menu-messages-item am-cf language">
                                <img src="/assets/img/cn.png" style="width: 24px">中文
                            </a>
                        </li>

                        <li class="tpl-dropdown-menu-messages">
                            <a href="javascript:;" language="en-US" class="tpl-dropdown-menu-messages-item am-cf language">
                                <img src="/assets/img/en.png" style="width: 24px">English
                            </a>
                        </li>
                        <li class="tpl-dropdown-menu-messages">

                        </li>

                    </ul>
                </li>
                <script>
                    $(".language").click(function () {
                        var language=$(this).attr("language");
                        window.location.href="<?=\yii\helpers\Url::to(['site/choose-language'])?>?language="+language;
                    })
                </script>
                <!-- 新提示 -->

                <!-- 退出 -->

            </ul>
        </div>

</header>

    <!-- 风格切换 -->
    <div class="tpl-skiner">
        <div class="tpl-skiner-toggle am-icon-cog">
        </div>
        <div class="tpl-skiner-content">
            <div class="tpl-skiner-content-title">
                <?=Yii::t('app','Theme')?>
            </div>
            <div class="tpl-skiner-content-bar">
                <span class="skiner-color skiner-white" data-color="theme-white"></span>
                <span class="skiner-color skiner-black" data-color="theme-black"></span>
                <span class="skiner-color skiner-golden" data-color="theme-golden"></span>
            </div>
        </div>
    </div>
    <?= $content ?>
</div>
    <footer >
        <div style="width: 1200px;margin: 0 auto;" class="am-avg-lg-4 am-link-muted">
            <div class="am-link-muted" style="float: left"><?=Yii::t("app","Copyright ©{0} SIPBD",date("Y"))?>&nbsp;&nbsp;|&nbsp;&nbsp;<a class="am-link-muted" href="www.sipbd.com">www.sipbd.com</a></div>
            <div  style="float: right"><a class="am-link-muted"><?=Yii::t('app','About Us')?></a>&nbsp;&nbsp;<a id="contact" class="am-link-muted"><?=Yii::t('app','Contact Us')?></a>&nbsp;&nbsp;<a id="service" class="am-link-muted"><?=Yii::t('app','Term of service')?></a></div>
        </div>
    </footer>
<script>

    $("#contact").click(function(){
        $("#contact-modal").modal("open");
    })
    $("#service").click(function(){
        $("#termOfService").modal("open");
    })


</script>
<div class="am-modal am-modal-prompt" tabindex="-1" id="contact-modal">
    <div class="am-modal-dialog">
        <div class="am-modal-hd"><?=Yii::t('app','Contact Us')?></div>
        <div class="am-modal-bd">
            <input type="text" placeholder="<?=Yii::t('app','name')?>" class="am-modal-prompt-input">
            <input type="text" placeholder="<?=Yii::t('app','tel number')?>" class="am-modal-prompt-input">
            <input type="text" placeholder="<?=Yii::t('app','email')?>" class="am-modal-prompt-input">
            <textarea class="am-modal-prompt-input" rows="4" placeholder="<?=Yii::t('app','description')?>"></textarea>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel><?=Yii::t('app','cancel')?></span>
            <span class="am-modal-btn" data-am-modal-confirm><?=Yii::t('app','submit')?></span>
        </div>
    </div>
</div>

<div class="am-popup"  id="termOfService">
    <div class="am-popup-inner">
        <div class="am-popup-hd">
            <h4 class="am-popup-title"><?=Yii::t('app','Term of service')?></h4>
            <span data-am-modal-close
                  class="am-close">&times;</span>
        </div>
        <div class="am-popup-bd">
            content
        </div>
    </div>
</div>
    <script src="/assets/js/amazeui.min.js"></script>
    <script src="/assets/js/app.js"></script>
    <script src="/assets/js/util.js"></script>
    <?php $this->endBody() ?>
</body>
</html>
<?php $this->endPage() ?>